<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0 user-scalable=no">
<title></title>

<link href="Content/animate.css" rel="stylesheet" type="text/css">
<link href="Content/bootstrap.min.css" type="text/css" rel="stylesheet">
<!--<link href="Content/bootstrap-responsive.css" type="text/css" rel="stylesheet">-->
<!-- <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">-->
<link href="Content/style.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="Content/swiper.min.css">
  <!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
  <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
  <!--[if lt IE 9]>
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
     <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  <![endif]-->
</head>
<body style="background:#1E1E1E">
  <div class="header">
      	<ul>
          <a href="#section1">
      		  <li>
				  <p class="icon"><img src="SVG/gongzuojingli.svg" alt=""></p>
				  <p>工作经历</p>
			  </li>
          </a>
          <a href="#section2">
      		  <li>
			    <p class="icon"><img src="SVG/zuopin.svg" alt=""></p>
			    <p>作品展示</p>
			  </li>
        </a>
        <a href="#section3">
      		<li>
    			  <p class="icon"><img src="SVG/lianxifangshi.svg" alt=""></p>
    			  <p>联系方式</p>
			     </li>
        </a>
        <a href="https://gaoyanan0316.zcool.com.cn/" target="_blank">
  		     <li class="zcool">
		         <p class="icon"><img src="SVG/logo.svg" alt=""  class="icon_svg"></p>
			     <p>站酷作品</p>
           </li>
         </a>
	     <a href="https://www.xiaohongshu.com/user/profile/5dc411c00000000001003b5d?m_source=pinpai" target="_blank">
  		     <li class="red_book">
			     <p class="red_book_text">小红书 <br>作品</p>
				 
           </li>
         </a>
      	</ul>
    </div>	
<!--导航-->
<div class="banner">
   <ul>
		<li class="banner_image"><img src="Images/banner2.jpg" alt=""></li>
	    <li class="phone_image"><img src="Image2/phone_banner.jpg" alt=""></li>
   </ul>
</div>

<!--我的服务-->
<section class="service louCeng">
  <div class="sermaintop">
    <div class="container">
        	<p class="serTu wow fadeInDown">
            <img src="Images/fuwu.png" class="img-responsive" />
          </p>
            <p class="text-center sertxt wow fadeInDown">能力标签:擅长手绘、8年+互联网设计经验，闲暇时会画点插画、漫画记录自己的生活日常......</p>
          <div class="serviceIn wow fadeInDown"></div>
        </div>
  </div>
  <div class="sermainbot">
    <div class="container">
      <div class="col-md-3 col-xs-6 wow fadeInLeft" data-wow-duration="1.3s" data-wow-delay="0.3s">
         <dl>
           <dt><a href="" title="简约的页面、合理的布局、无处不在的圆角、精美的图标。" class="serImg01"></a></dt>
           <dd>
           	<p class="text-center title">绘制漫画</p>
              <p class="fadeInDown subtitle">工作中绘制一些科技条漫，生活中会制作一些日常生活中的小事......</p>
           </dd>
          </dl>
      </div> 	
      <div class="col-md-3 col-xs-6 wow fadeInLeft" data-wow-duration="1.3s"
       data-wow-delay="0.3s">
           <dt><a href="" title="为移动设备、平板电脑、移动产品等终端提供交互流程及界面设计。" class="serImg02"></a></dt>
           <dd>
           	<p class="text-center title">界面设计</p>
              <p class="subtitle">每年为公司社区网站进行改版、大会官网进行设计、以及做一些商业活动的专题设计......</p>
           </dd>
      </div>
      <div class="col-md-3 col-xs-6 fadeInRight wow" data-wow-duration="1.3s" data-wow-delay="0.3s">
           <dt><a href="#" title="交互设计是一种如何让产品易用，有效而让人愉悦的技术。" class="serImg03"></a></dt>
           <dd>
           	<p class="text-center title">Web 前端</p>
              <p class="subtitle">工作中会涉及到写前端的代码，制作专题页面的交互效果......</p>

           </dd>
      </div>
      <div class="col-md-3 col-xs-6 wow fadeInRight" data-wow-duration="1.3s"
       data-wow-delay="0.3s">
           <dt><a href="" title="根据企业设计相应VI企业品牌、广告、设计、淘宝相关产品设计与装修。" class="serImg04"></a></dt>
           <dd>
         	   <p class="text-center title">平面设计</p>
               <p class="subtitle">负责公司的日常宣传，工作中做一些点线下的会展活动、物料设计等......</p>
           </dd>
      </div>
     </div>
    </div>
</section>
<!--我的履历-->
<div id="section1"></div>
<section class="skill louCeng">
    <p class="stitle wow fadeInDown">
      <img src="Images/skill.png" width="114" height="71">
    </p>
    <p class="text-center wow fadeInDown work-title"> 
      我的工作
    </p>
    <div class="skillPart">
      <img src="Images/recordSkill.png" class="rotation">
      <div class="head_tx">
        <img src="Images/tou_x3.jpg" class="wow fadeInDown"/>
      </div>
      <ul>
       <li class="skillYearOne wow bounceInUp" data-wow-duration="1.3s" data-wow-delay="0.3s">
        <span class="recordCircle dot_act"></span>
        <div class="recordOne">
          <span class="time">
            <a>北京时代优讯广告有限公司</a>
            <a href="http://www.hyitech.com/" target="_blank" class="company_name">2019/01-至今</a>
          </span>
           <p>
            <span class="cool_font"> 1. </span>在项目组担任视觉设计师，主要负责公司项目组对外商配项目的设计工作，曾负责过（戴尔、思科、惠普、瞻博网络、锐捷、浪潮、AWS、蚂蚁金服、华为、新华三、宝利通、联想等公司的对外的宣传活动设计），其中包括线上活动的专题页面设计制作、趣味图说设计、活动运营海报设计、商配活动的主kv设计、线上活动banner推广图设计、以及线下活动的一些物料设计包括易拉宝、手卡、手提袋等......
           </p>
           <p>
           <span  class="cool_font"> 2. </span>在此期间负责了6届大会的设计，分别是 <a href="https://dtcc.it168.com/" target="_blank" class="company_name">DTCC数据库大会</a>和 <a href="https://sacc.it168.com/" target="_blank" class="company_name">SACC架构师大会</a>6年以来的大会主KV设计，根据主KV进行相关线上的界面设计，包括线下活动
            宣传物料设计等......
			
           </p>
           <p>
            <span  class="cool_font"> 3.</span> ITPUB技术栈的移动端设计，移动端的界面制作、在线技术课程的嘉宾直播海报设计......
           </p>
		   <p>
			 <span  class="cool_font"> 4.</span> 为公司设计IT类的技术条漫等
		   </p>
         </div>
       </li>
       <li class="skillYearTwo wow bounceInUp" data-wow-duration="1.3s" data-wow-delay="0.3s">
        <span class="recordCircle"></span>
        <div class="recordTwo">
          <span class="time">
            <a>央视市场研究股份有限公司</a>
            <a href="http://www1.sgconline.com.cn/" target="_blank" class="company_name">2016/07-2018/11</a>
          </span>
          <p>
             任职期间担任UI设计师一职，在该公司主要负责问卷系统的设计，在此期间担任前端设计工作。在职期间使用vue结合element ui搭建前端框架做页面交互，负责的项目有宝马的邮件收发系统、手机端问卷答题界面、ictr门户博客、easycnrs多媒体广告数据平台设计，
             并参与ictr微信公众号（样本家生活拍积分兑换界面及媒体课堂设计）并学习weui制作微信界面（制作了h5抢红包页面和三八工会活动页面）。
             
          </p>
         </div>
       </li>
       <li class="skillYearThird wow bounceInUp" data-wow-duration="1.3s" data-wow-delay="0.3s">
        <span class="recordCircle"></span>
        <div class="recordThree">
          <span class="time">
            <a>北京环宇通达科技有限公司</a>
            <a href="http://www.ctrchina.cn/" target="_blank" class="company_name">2015/03-2016/06</a>
          </span>
           <p>
            北京环宇通达科技有限公司，在该公司主要负责页面美化排版，网页整体美术设计。 
            静态页面切图展示以及js交互效果，任职期间为公司活动设计了logo、名片、海报、三折页、易拉宝、条幅、展架、展板等平面设计作品。
          </p>
         </div>
       </li>
      </ul>
    </div>
</section>
<div id="section2"></div>
<!--我的作品 作品展示开始 网页作品展示-->
<section class="work louCeng">
  <div class="w1200">
     <p class="wow fadeInDown">
       <img src="Images/work.png" class="img-responsive" style="margin:0 auto;" />
     </p>
     <p class="title text-center wow fadeInDown">
       我的作品
     </p>
     <p class="text-center" style="color:#C9C9C9;margin-bottom:20px;">（2019-至今 大会主视觉设计）</p>
     <div class="DTCC_content">
		<div class="w1200">
		    <div class="gs">
				<div class="swiper-button-prev preva"></div>
				<div class="swiper-button-next nexta"></div>
				<div class="swiper-pagination pagi pag2"></div>
				<div class="swiper-container" id="huaxu">
				  <ul class="swiper-wrapper">
					
					<li class="swiper-slide">
					 <img src="Image2/dtcc-2020.jpg" alt="">
					</li>
					<li class="swiper-slide">
					 <img src="Image2/北京站-鸟巢.jpg" alt="">
					</li>
					<li class="swiper-slide">
					 <img src="Image2/sacc-2020_da.jpg" alt="">
					</li>
					<li class="swiper-slide">
					 <img src="Image2/sacc-2021.jpg" alt="">
					</li>
					<li class="swiper-slide">
					 <img src="Image2/800.jpg" alt="">
					</li>
					
				  </ul>
				</div>
			  </div>
		</div>

		<div class="w600">
		  <div class="col-md-6 col-xs-12 sacc_btn"><a href="https://sacc.it168.com/" target="_blank"><span class="zcool-btn">查看SACC 大会官网</span></a></div> 
		  <div class="col-md-6 col-xs-12 dtcc_btn"><a href="https://dtcc.it168.com/" target="_blank"><span class="zcool-btn">查看DTCC 大会官网</span></a></div> 
		</div>
		<div class="w1200">
		   <div class="gengr_meet" style="overflow: hidden;">
			    <div class="col-md-6 sacc"> <img src="Image2/800.jpg" alt=""></div>
			    <div class="col-md-6 sacc"> <img src="Image2/广州.jpg" alt=""></div>
				<div class="col-md-6 sacc"> <img src="Image2/北京站-天坛.jpg"  alt=""></div>
			    <div class="col-md-6 sacc"> <img src="Image2/sacc-2022.jpg" alt=""></div>
			    <div class="col-md-6 sacc"> <img src="Image2/sacc-2020.jpg" alt=""></div>
			    <div class="col-md-6 sacc"> <img src="Image2/dtcc2019.jpg" alt=""></div>
			    <div class="col-md-6 sacc"> <img src="Image2/dtcc-2019.jpg" alt=""></div>
			    <div class="col-md-6 sacc"> <img src="Image2/dtcc-2020_xiao.jpg" alt=""></div>
			   <div class="col-md-6 sacc"> <img src="Image2/dtcc-2021.jpg" alt=""></div>
			   <div class="col-md-6 sacc"> <img src="Image2/dtcc-2022.jpg" alt=""></div>
		   </div> 
		</div>
	 </div>
	 
<!--轮播图	-->
	<div class="tiaoman">
	  <div class="w1200">
		     <p class="wow fadeInDown">
       			<img src="Images/work.png" class="img-responsive" style="margin:0 auto;" />
    		 </p>
     		 <p class="title text-center gap">我的条漫作品</p>
             <div class="tiaoman_cont">
		       <div class="col-md-3 col-xs-6 tiaoman_grid">
				  <img src="Image2/tiaoman_1.jpg" alt="">
			   </div>
			   <div class="col-md-3 col-xs-6  tiaoman_grid">
				  <img src="Image2/tiaoman_2.jpg" alt="">
			   </div>
			    <div class="col-md-3 col-xs-6  tiaoman_grid">
				  <img src="Image2/tiaoman_3.jpg" alt="">
			   </div>
		       <div class="col-md-3 col-xs-6 tiaoman_grid">
				  <img src="Image2/tiaoman_4.jpg" alt="">
			   </div>
			   <div class="col-md-3 col-xs-6  tiaoman_grid">
				  <img src="Image2/tiaoman_5.jpg" alt="">
			   </div>
			    <div class="col-md-3 col-xs-6 tiaoman_grid">
				  <img src="Image2/tiaoman_6.jpg" alt="">
			   </div>
			   <div class="col-md-3 col-xs-6  tiaoman_grid">
				  <img src="Image2/tiaoman_7.jpg" alt="">
			   </div>
			   <div class="col-md-3 col-xs-6  tiaoman_grid">
				  <img src="Image2/tiaoman_8.jpg" alt="">
			   </div>
		     </div>
		     <div class="more_works"> <a href="https://www.xiaohongshu.com/user/profile/5dc411c00000000001003b5d?m_source=pinpai" target="_blank"> <span class="zcool-btn">更多绘画作品</span></a> </div>
	  </div>
	</div>

	<div class="workMain">
     <div class="web" style="margin:50px 0">......Web <span style="font-size:20px;" >网页制作</span></div>
     <div class="webPage wow fadeInDown">
        <h2>
          <span class="current">专题界面</span>
          <span>网站</span>
          <span>h5作品</span>
        </h2>
        <ul class="webPageCont">
		  <li class="current">
		   <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="http://zt.it168.com/topic/dellemc/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web38.jpg" class="img-responsive">
                 </p>
                 <span>
                     如何利用IT转型加速行业创新？
                 </span>
			      </a>
                 <p class="data_time">DATE：2019-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="https://zt.itpub.net/topic/DeepSeek/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/poju.jpg" class="img-responsive">
                 </p>
                 <span>
                    DeepSeek破局
                 </span>
			      </a>
                 <p class="data_time">DATE：2025-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div>
		    <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="http://zt.itpub.net/topic/H3CZXZG/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web13.jpg" class="img-responsive">
                 </p>
                 <span>
                    智行中国2020 新华三地市技术论坛
                 </span>
			      </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div>
 
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="http://zt.itpub.net/topic/JuniperSONiC/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web27.jpg" class="img-responsive" />
                 </p>
                 <span>
                     瞻博网络全方位支持SONiC
                 </span>
			      </a>
                 <p class="data_time">DATE：2019-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			<div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="http://zt.itpub.net/topic/h3c/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web30.jpg" class="img-responsive">
                 </p>
                 <span>
                    H3C 极ZHI IT
                 </span>
			      </a>
                 <p class="data_time">DATE：2023-6</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			  <div class="col-md-4 col-xs-6">
               <div class="workout">
				<a href="https://zt.itpub.net/topic/Dell0921sjms/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/daier.jpg" class="img-responsive">
                 </p>
                 <span>
                   戴尔—算力降碳，绿色赋能
                 </span>
			      </a>
                 <p class="data_time">DATE：2023-9</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="https://zt.itpub.net/topic/Tencent0421/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/phone_banner.jpg" class="img-responsive" />
                 </p>
                 <span>
                     第六届数字中国建设成果展览会
                 </span>
			      </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div>
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="https://zt.itpub.net/topic/2024jishuzhuoyue/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web99.jpg" class="img-responsive" />
                 </p>
                 <span>
                     技术卓越奖评选界面2024
                 </span>
			      </a>
                 <p class="data_time">DATE：2024-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div>
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="https://zt.itpub.net/topic/KADC2025/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/kadc.jpg" class="img-responsive" />
                 </p>
                 <span>
                    华为创想周
                 </span>
			      </a>
                 <p class="data_time">DATE：2025-5</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div>
			  <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="https://zt.itpub.net/topic/jishuzhy/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/jishu.jpg" class="img-responsive" />
                 </p>
                 <span>
                     技术卓越奖评选界面2023
                 </span>
			      </a>
                 <p class="data_time">DATE：2023-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div>
			  
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				<a href="http://zt.itpub.net/topic/wifi6/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web21.jpg" class="img-responsive">
                 </p>
                 <span>
                     Wi-Fi 6时代 大厂们如何卡位未来？
                 </span>
			      </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			  <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="https://zt.itpub.net/topic/campusnet/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/H3c.jpg" class="img-responsive">
                 </p>
                 <span>
                   新华三园区解决方案
                 </span>
			      </a>
                 <p class="data_time">DATE：2022-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div>
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				<a href="https://zt.itpub.net/topic/SinoDB/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/xingruige.jpg" class="img-responsive">
                 </p>
                 <span>
                   星瑞格数据库专题发布
                   <!-- （账号：jiazhen 密码：123456 CTR众拍APP） -->
                 </span>
			     </a>
                 <p class="data_time">DATE：2023-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div>   
			 <!-- （账号：jiazhen 密码：123456 CTR众拍APP） -->
<!--
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				<a href="https://sacc.it168.com/2020/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web14.jpg" class="img-responsive">
                 </p>
                 <span>
                   2020系统架构师大会
                 </span>
			     </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
-->
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="http://zt.itpub.net/topic/innovation/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web29.jpg" class="img-responsive">
                 </p>
                 <span>
                   2019深信服创新大会
                 </span>
			      </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="http://zt.itpub.net/topic/h3c2020/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/poju_h3c.jpg" class="img-responsive">
                 </p>
                 <span>
                     “破局转型之困”2020线上沙龙
                   <!-- （账号：jiazhen 密码：123456 CTR众拍APP） -->
                 </span>
			     </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="http://zt.itpub.net/topic/zbwl2019/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web36.jpg" class="img-responsive">
                 </p>
                 <span>
                   瞻博网络-集中式安全管理
                   <!-- （账号：jiazhen 密码：123456 CTR众拍APP） -->
                 </span>
			     </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="http://zt.itpub.net/topic/2019Navigate/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web35.jpg" class="img-responsive">
                 </p>
                 <span>
                   2019新华三领航者峰会
                   <!-- （账号：jiazhen 密码：123456 CTR众拍APP） -->
                 </span>
			     </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			   <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="https://zt.itpub.net/topic/RuijieMedicine/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/ruijie.jpg" class="img-responsive">
                 </p>
                 <span>
                  医药企业数字化 转型创新实践
                 </span>
			     </a>
                 <p class="data_time">DATE：2022-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
			     <a href="http://zt.itpub.net/topic/juniper2020/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web16.jpg" class="img-responsive">
                 </p>
                 <span>
                     利用人工智能构建面向未来的网络
                 </span>
			      </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			
			  <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="http://zt.itpub.net/topic/ruijie/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web32.jpg" class="img-responsive">
                 </p>
                 <span>
                   锐捷网络云办公4.0解决方案发布
                 </span>
			     </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="http://zt.itpub.net/topic/RuijieWiFi6/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web31.jpg" class="img-responsive">
                 </p>
                 <span>
                    锐捷Wi-Fi 6 好体验看得见
                 </span>
			     </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			
		     <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="http://zt.itpub.net/topic/2020salon/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web18.jpg" class="img-responsive">
                 </p>
                 <span>
                     ITPUB讲坛-2020ITPUB在线沙龙
                   <!-- （账号：jiazhen 密码：123456 CTR众拍APP） -->
                 </span>
			      </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="http://zt.itpub.net/topic/wanzhao/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web25.jpg" class="img-responsive">
                 </p>
                 <span>
                     园区全万兆-汇聚·核心
                   <!-- （账号：jiazhen 密码：123456 CTR众拍APP） -->
                 </span>
			      </a>
                 <p class="data_time">DATE：2019-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			<div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="https://zt.itpub.net/topic/DellPower/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/suanlishidai.jpg" class="img-responsive">
                 </p>
                 <span>
                   开启算力新时代
                 </span>
			      </a>
                 <p class="data_time">DATE：2022-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div>
			  
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="http://zt.itpub.net/topic/itpub19/#a3" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web26.jpg" class="img-responsive">
                 </p>
                 <span>
                   ITPUB社区19年站庆专题
                   <!-- （账号：jiazhen 密码：123456 CTR众拍APP） -->
                 </span>
			      </a>
                 <p class="data_time">DATE：2019-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div>
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="https://zt.itpub.net/topic/star/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/mingrentang.jpg" class="img-responsive">
                 </p>
                 <span>
                   名人堂
                 </span>
			     </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 

			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				 <a href="http://zt.itpub.net/topic/optane/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web19.jpg" class="img-responsive">
                 </p>
                 <span>
                    数据洪流时代“新宠
                   <!-- （账号：jiazhen 密码：123456 CTR众拍APP） -->
                 </span>
			     </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				<a href="https://zt.itpub.net/topic/DellLati/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web44.jpg" class="img-responsive">
                 </p>
                 <span>
                   智能、自由、高效开启混合办公新篇章
                   <!-- （账号：jiazhen 密码：123456 CTR众拍APP） -->
                 </span>
			     </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
				<a href="https://zt.itpub.net/topic/JuniperDataCenter/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web90.jpg" class="img-responsive">
                 </p>
                 <span>
                   瞻博网络领跑数据中心网络多云时代
                 </span>
			     </a>
                 <p class="data_time">DATE：2021-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
			      <a href="http://sacc.it168.com/2019/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web22.jpg" class="img-responsive">
                 </p>
                 <span>
                    SACC大会官网 2019年-2025年
                   <!-- （账号：jiazhen 密码：123456 CTR众拍APP） -->
                 </span>
			      </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			 <div class="col-md-4 col-xs-6">
               <div class="workout">
			      <a href="http://dtcc.it168.com/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web23.jpg" class="img-responsive">
                 </p>
                 <span>
                    DTCC大会官网 2019年-2025年
                   <!-- （账号：jiazhen 密码：123456 CTR众拍APP） -->
                 </span>
			      </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			 
		     <div class="col-md-4 col-xs-6">
               <div class="workout">
			     <a href="http://zt.itpub.net/topic/lenovoIDV01/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/web24.jpg" class="img-responsive">
                 </p>
                 <span>
                   尖峰对话：联想智能云桌面落地秘籍
                   <!-- （账号：jiazhen 密码：123456 CTR众拍APP） -->
                 </span>
			      </a>
                 <p class="data_time">DATE：2020-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			  <div class="col-md-4 col-xs-6">
               <div class="workout">
			     <a href="https://zt.itpub.net/topic/DataWarehouse/" target="_blank" class="decoration">
                 <p>
                  <img src="Images/shishishujuku.jpg" class="img-responsive">
                 </p>
                 <span>
                   实时数据库选型指南
                   <!-- （账号：jiazhen 密码：123456 CTR众拍APP） -->
                 </span>
			      </a>
                 <p class="data_time">DATE：2023-3</p>
                 <p class="data_time">所属类型：专题页面</p>
               </div>
             </div> 
			<!--以上专题页面-->
         </li>
           <!--网站-->
           <li>
			  <div class="col-md-4 col-xs-6">
               <div class="workout">
                 <p> 
                   <img src="Images/power.png" class="img-responsive">
                 </p>
                 <span>
                   <a href="https://adm.ictr.com.cn/login" target="_blank" class="decoration">
                   ictr宝马监测系统(使用了vue的框架)
                   </a>
                 </span>
                 <p class="data_time">DATE：2017-3</p>
                 <p class="data_time">所属类型：后台网站</p>
               </div>
             </div>
             <div class="col-md-4 col-xs-6">
              <div class="workout">
                <p>
                 <a href="https://www.itpub.net/" target="_blank">
                  <img src="Images/itpub.jpg" class="img-responsive">
                 </a>
                </p>
                 <span>
                   <a href="https://www.itpub.net/" target="_blank" class="decoration">ITPUB平台</a>
                 </span>
                 <p class="data_time">DATE：2022-3</p>
                 <p class="data_time">所属类型:博客网站</p>
               </div>
             </div>
             <div class="col-md-4 col-xs-6">
              <div class="workout">
                <p>
                 <a href="https://www.zcool.com.cn/work/ZMjMzMDI5NjA=.html" target="_blank">
                  <img src="Images/web12.png" class="img-responsive">
                 </a>
                </p>
                 <span>
                   <a href="Web/EasyCnrs/登录页.html" target="_blank" class="decoration">easyCnrs 广告监测与数据分析</a>
                 </span>
                 <p class="data_time">DATE：2017-3</p>
                 <p class="data_time">所属类型:广告分析监测</p>
               </div>
             </div>
             <div class="col-md-4 col-xs-6">
              <div class="workout">
                <p>
                  <img src="Images/web09.jpg" class="img-responsive"/>
                </p>
               <span>
                 <a href="Web/activepage/index.html" target="_blank" class="decoration">
                 三国策-五一活动界面
                 </a>
               </span> 
               <p class="data_time">DATE：2017-3</p>
               <p class="data_time">所属类型：游戏活动界面</p>
              </div>
             </div>

             <div class="col-md-4 col-xs-6">
               <div class="workout">
                <p>
                  <img src="Images/qunjingtu.jpg" class="img-responsive">
                </p>  
                <span>
                   <a href="https://blog.itpub.net/db/index" target="_blank" class="decoration">
                   <!--  -->
                   项目：数据库全景图</a>
                </span>
                <p class="data_time">DATE：2017-3</p>
                <p class="data_time">所属类型：专题</p>
               </div>
            </div>
         
            
             <div class="col-md-4 col-xs-6">
               <div class="workout">
                 <p>
                   <img src="Images/web03.jpg" class="img-responsive">
                 </p>
                 <span class="decoration">
                  <a href="Web/CA 正版化/login.html" target="_blank" style="color:#FFF">项目:第一版CA平台</a>
                  <a href="Web/New CA/index.html" target="_blank" style="color:#FFF">第二版NewCA</a>
                 </span>
                 <p class="data_time">DATE：2017-3</p>
                 <p class="data_time">所属类型：后台网站</p>
               </div>
            </div>
             <div class="col-md-4">
             <div class="workout">
              <p>
                <img src="Images/web16.png" class="img-responsive">
              </p>
              <span>
                <a href="Web/调查问卷/index.html" target="_blank" class="decoration">项目:问卷平台</a>
              </span>
              <p class="data_time">DATE：2017-3</p>
              <p class="data_time">所属类型：后台网站</p>
             </div>
            </div>
            
        
<!--
        <div class="col-md-4">
          <div class="workout">
            <p>
             <img src="Images/web10.jpg" class="img-responsive"/> 
            </p>
            <span><a href="Web/h5/index.html" target="_blank" class="decoration">项目：h5页面</a></span>
            <p>DATE：2017-3</p>
            <p>所属类型：移动端</p> 
           </div>
         </div>
-->
       </li>
           <!--	移动端界面 -->
           <li>
        <div class="col-md-4 col-xs-6">
              <div class="workout">
                <p>
                 <a href="https://www.zcool.com.cn/work/ZMjMzMDI5NjA=.html" target="_blank">
                  <img src="Images/web12.png" class="img-responsive">
                 </a>
                </p>
                 <span>
                   <a href="Web/EasyCnrs/登录页.html" target="_blank" class="decoration">easyCnrs 广告监测与数据分析</a>
                 </span>
                 <p class="data_time">DATE：2017-3</p>
                 <p class="data_time">所属类型:响应式页面</p>
               </div>
        </div>
        <div class="col-md-4 col-xs-6">
         <div class="workout">
          <p>
           <a href="https://www.zcool.com.cn/work/ZMjI5NjMyODQ=.html" target="_blank">
            <img src="Images/web18.png" class="img-responsive">
           </a>
          </p> 
          <span>
            <a href="Web/餐饮问卷/餐饮问卷.html" target="_blank" class="decoration">餐饮问卷(响应式问卷)</a>
          </span>
          <p class="data_time">DATE：2017-3</p>
          <p class="data_time">所属类型：响应式页面</p> 
         </div>
        </div>
        <div class="col-md-4 col-xs-6">
          <div class="workout">
			  <p>
				<a href="https://www.zcool.com.cn/work/ZMzA0NzI1MTY=.html"  target="_blank">
				 <img src="Images/web37.jpg" class="img-responsive"/> 
				</a>
			  </p>
			  <span>
				  <a href="https://z.itpub.net/" target="_blank" class="decoration">技术栈移动端界面</a>
			  </span>
			  <p class="data_time">DATE：2017-3</p>
			  <p class="data_time">所属类型：移动端</p> 
          </div>
         </div>
		<div class="col-md-4 col-xs-6">
          <div class="workout">
			  <p>
				<a href="https://www.zcool.com.cn/work/ZMzA0NzI1MTY=.html"  target="_blank">
				 <img src="Images/web24.png" class="img-responsive"/> 
				</a>
			  </p>
			  <span>
				  <a href="http://survey.ictr.com.cn/answer/d/1ba85772-eddd-4d18-81b7-2df0465afd01" target="_blank" class="decoration">移动端问卷答题</a>
			  </span>
			  <p class="data_time">DATE：2017-3</p>
			  <p class="data_time">所属类型：移动端</p> 
          </div>
         </div>
         <div class="col-md-4 col-xs-6">
          <div class="workout">
             <p>
              <a href="https://www.zcool.com.cn/work/ZMjMzMzM1MTI=.html"  target="_blank">
               <img src="Images/web14.png" class="img-responsive">
              </a>
             </p>
             <span>
              <a href="Web/抢红包页面/index.html" target="_blank" class="decoration">h5抢红包
               <i class="describe_main">(关注样本家生活拍微信公众号)</i>
              </a>
             </span>
             <p class="data_time">DATE：2017-3</p>
             <p class="data_time">所属类型：移动端</p> 
          </div>
        </div>
        <div class="col-md-4 col-xs-6">
             <div class="workout">
                <p>
                  <a href="https://www.zcool.com.cn/work/ZMjMzNDgyMDg=/2.html" target="_blank">
                    <img src="Images/web13.png" class="img-responsive">
                  </a>
                </p>
                <span>
                   <a href="Web/样本家生活拍公众号/我的积分.html" target="_blank" class="decoration">
                     积分兑换<i class="describe_main">(关注样本家生活拍微信公众号)</i>
                   </a>
                </span>
               <p class="data_time">DATE：2017-3</p>
               <p class="data_time">所属类型：移动端</p> 
             </div>
           </div>
        
        <div class="col-md-4 col-xs-6">
         <div class="workout">
           <p>
            <a href="https://www.zcool.com.cn/work/ZMjA5NjMxODA=.html" target="_blank">
            <img src="Images/web15.jpg" class="img-responsive"> 
            </a>
           </p>
           <span>
            <a href="Web/我行我秀/登录页.html" target="_blank" class="decoration">三八专题活动页面 —— 我行我秀</a>
           </span>
           <p class="data_time">DATE：2017-3</p>
           <p class="data_time">所属类型：移动端</p> 
         </div>
        </div>
        <div class="col-md-4 col-xs-6">
         <div class="workout">
          <p>
              <a href="https://www.zcool.com.cn/work/ZMjUyMDE4MTY=.html" target="_blank">
             <img src="Images/web21.png" class="img-responsive"/> 
             </a>
          </p>
          <span>
              <a href="Web/媒介课堂UI界面/二维码展示.html" target="_blank" class="decoration">媒介课堂UI界面</a>
          </span>
          <p class="data_time">DATE：2017-3</p>
          <p class="data_time">所属类型：移动端</p> 
         </div>
        </div>
     
       </li>
        </ul>
     </div>
    </div>
	</div>
  </section>
 <!-- 网页作品展示 -->
 <!--WEb网页作品-->
 <section class="Uwork">
   <div class="container" id="container">
    <p class="Apptitle"> <span style="font-size:20px;">......部分系列商业海报作品</span> </p>
		<div class="page page2 wow fadeInUp" data-wow-duration="1.5s"
      data-wow-delay="0.5s">
			<div class="zhanshi">
				<div class="app box">
					<div class="yixing">
            <div class="anniumen">
              <div class="zuo"></div>
              <div class="you"></div>
            </div>
						<ul>
							<li class="no0"><img src="Images/01.jpg" width="197" height="353"></li>
							<li class="no1"><img src="Images/03.jpg" width="197" height="353"></li>
							<li class="no2"><img src="Images/07.gif" width="197" height="353"></li>
							<li class="no3"><img src="Images/04.jpg" width="197" height="353"></li>
							<li class="no4"><img src="Images/05.jpg" width="197" height="353"></li>
							<li class="waiting"><img src="Images/06.jpg" width="197" height="353"></li>
						</ul>
					</div>
					</div>
		   </div>
		  </div>
	  </div>
  </section>
  <section>
    <div class="container">
      <p class="text-center wow fadeInUp cont-title" data-wow-duration="1.3s" data-wow-delay="0.3s">
         <span style="font-size:24px;">AE小动画</span>展示效果
      </p>
      <p class="text-center wow fadeInUp cont-subtitle" style="margin-bottom:50px;" data-wow-duration="1.5s" data-wow-delay="0.5s">
        闲暇之余设计的动画效果
      </p>
     <div class="ae-plane">
         <div class="col-md-3 col-xs-6 wow fadeInUp" data-wow-duration="1.3s"
          data-wow-delay="0.5s">
            <p class="ae-pic">
             <img src="Image2/1.gif">
            </p>
          </div>
          <div class="col-md-3 col-xs-6 wow fadeInUp" data-wow-duration="1.3s"
          data-wow-delay="0.5s">
            <p class="ae-pic">
             <img src="Image2/2.gif">
            </p>
          </div>
         <div class="col-md-3 col-xs-6 wow fadeInUp" data-wow-duration="1.3s"
          data-wow-delay="0.5s">
            <p class="ae-pic">
             <img src="Image2/3.gif">
            </p>
          </div>
          <div class="col-md-3 col-xs-6 wow fadeInUp" data-wow-duration="1.3s"
          data-wow-delay="0.5s">
            <p class="ae-pic">
             <img src="Image2/4.gif">
            </p>
          </div>
      </div>
    </div>
  </section>
  <section class="planar">
   <div class="container">
     <p class="Apptitle wow fadeInUp" data-wow-duration="1s"
      data-wow-delay="0.5s">
       ......插画平面设计
      
     </p>
     <p class="text-center cont-title wow fadeInUp" data-wow-duration="1s"
      data-wow-delay="0.5s">
       最佳的视觉体验，创造不一样的空间感
     </p>
     <p class="text-center cont-subtitle wow fadeInUp" data-wow-duration="1s"
      data-wow-delay="0.5s">
        The best visual experience
     </p>
     <p class="text-center cont-subtitle wow fadeInUp" data-wow-duration="1s"
      data-wow-delay="0.5s">
       to create different space
    </p>
     <div class="plane wow fadeInUp" data-wow-duration="1s"
      data-wow-delay="0.5s">
     	<ul>
			<li><img src="Images/laoshu1.jpg"></li>
			<li><img src="Images/9000.jpg"></li>
			<li><img src="Images/zhixiang.png"/></li>
			<li><img src="Images/3000.jpg"></li>
			<li><img src="Images/gun9.jpg"></li>
			<li><img src="Images/5000.jpg"></li>
			<li><img src="Images/laoshu2.jpg"></li>
			<li><img src="Images/laoshu4.jpg"></li>
		    <li><img src="Images/H3c.jpg"></li>
			<li><img src="Images/nannan.jpg"></li>
			<li><img src="Images/yamaxun.jpg"></li>
			<li><img src="Images/najjing.jpg"></li>
			<li><img src="Images/gun8.jpg"></li>
			<li><img src="Images/huijian.jpg"></li>
     	</ul>	
     </div>
	   <div class="more_works"> <a href="https://www.xiaohongshu.com/user/profile/5dc411c00000000001003b5d?m_source=pinpai" target="_blank"> <span class="zcool-btn">更多绘画作品</span></a> </div>
     <p class="text-center wow fadeInUp cont-title" data-wow-duration="1s"
      data-wow-delay="0.3s">
          原创 
          <span style="font-size:30px">logo</span> 
          展示
     </p>
     <p class="text-center wow fadeInUp cont-subtitle" data-wow-duration="1s"
      data-wow-delay="0.3s" style="margin-bottom:20px; font-size:12px;">它以单纯、显著、易识别的物象、图形或文字符号，是直观语言。</p>
     <div class="row">
     	<div class="col-md-3 col-xs-6 wow fadeInUp" data-wow-duration="1.3s"
      data-wow-delay="0.5s">
        <p class="logo">
          <img src="Images/logo3.png"></p>
      </div>
      <div class="col-md-3 col-xs-6 wow fadeInUp" data-wow-duration="1.3s"
      data-wow-delay="0.5s">
        <p class="logo">
         <img src="Images/logo2.png">
        </p>
      </div>
      <div class="col-md-3 col-xs-6 wow fadeInUp" data-wow-duration="1.3s"
      data-wow-delay="0.5s">
        <p class="logo">
          <img src="Images/logo4.png"></p>
      </div>
      <div class="col-md-3 col-xs-6 wow fadeInUp" data-wow-duration="1.3s"
      data-wow-delay="0.5s">
        <p class="logo">
          <img src="Images/logo6.png">
        </p>
      </div>
      <div class="col-md-3 col-xs-6 wow fadeInUp" data-wow-duration="1.3s"
      data-wow-delay="0.5s">
        <p class="logo">
          <img src="Images/logo8.png">
        </p>
      </div>
	   <div class="col-md-3 col-xs-6 wow fadeInUp" data-wow-duration="1.3s"
      data-wow-delay="0.5s">
        <p class="logo">
          <img src="Images/logo7.png">
        </p>
      </div>
	  <div class="col-md-3 col-xs-6 wow fadeInUp" data-wow-duration="1.3s"
      data-wow-delay="0.5s">
        <p class="logo">
          <img src="Images/logo9.png">
        </p>
      </div>
      <div class="col-md-3 col-xs-6 wow fadeInUp" data-wow-duration="1.3s"
      data-wow-delay="0.5s">
        <p class="logo">
          <img src="Images/logo10.png">
        </p>
      </div>
	 <div class="col-md-3 col-xs-6 wow fadeInUp" data-wow-duration="1.3s"
      data-wow-delay="0.5s">
        <p class="logo">
          <img src="Images/logo11.png">
        </p>
      </div>
	  <div class="col-md-3 col-xs-6 wow fadeInUp" data-wow-duration="1.3s"
      data-wow-delay="0.5s">
        <p class="logo">
          <img src="Images/logo12.png">
        </p>
      </div>
	
		 
     </div>
   </div>
  </section>
  <!--折页设计-->
 
  <section class="fold">
  	<div class="container">
      <p class="text-center wow fadeInUp cont-title" data-wow-duration="1.3s" data-wow-delay="0.3s">
         <span style="font-size:24px;">折页</span>展示效果
      </p>
      <p class="text-center wow fadeInUp cont-subtitle" style="margin-bottom:50px;" data-wow-duration="1.5s" data-wow-delay="0.5s">
        公司/项目/产品等用于品牌宣传的广告印刷品
      </p>
     <div class="foldmain wow fadeInUp">
  	  <ul>
        <li><img src="Images/s01.jpg" width="1000" height="471"></li>
        <li><img src="Images/foldMAIN.jpg" width="1000" height="471"></li>
  	  	<li><img src="Images/fold3.jpg" width="1000" height="471"></li>
  	  	<li><img src="Images/fold04.jpg" width="1000" height="471"></li>
  	  	<li><img src="Images/fold05.jpg" width="1000" height="471"></li>
        <li><img src="Images/fold1.jpg" width="1000" height="471"></li>
        <li><img src="Images/fold007.jpg" width="1000" height="471"></li>
        <li><img src="Images/fold09.jpg" width="1000" height="471"></li>
      </ul>
      </div>
    </div>
  
</section>
<!--作品展示内容结束-->
<!--自我介绍页面开始-->
<div id="section3"></div>
<section class="introd louCeng">
  <p class="text-center contact wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
     <span>请 联 系 我</span>
  </p>
  <div class="introdL">
     <p class="avator wow fadeInUp" data-wow-duration="1.3" data-wow-delay="0.5s"></p>
     <div class="wow fadeInUp" data-wow-duration="1.5" data-wow-delay="0.5s">
       <p><span>姓 &nbsp;&nbsp;&nbsp;&nbsp; 名：
         </span><span>高亚楠</span></p>
       <p><span>邮 &nbsp;&nbsp;&nbsp;&nbsp; 箱：</span><span style="padding-left:3px;">2442612875@qq.com</span> </p>
       <p><span style="padding-left: 71px;">18701600761@163.com</span></p>
       <p><span>联系电话：</span> <span style="margin-left: -6px;">18701600761</span> </p>
       <p>
       <span>设计作品:</span> 
       <span class="zcool-btn">
          <a href="http://gaoyanan0316.zcool.com.cn/" target="_blank">  
          站酷网系列设计作品
          </a>
       </span>
      </p>
     </div>
  </div>
  <div class="message">   
       <!-- 
        <p><span style="font-weight:bold;">在线作品:</span> <br/>

        <p>
          <a href='http://zhl.ictr.com.cn' target='_blank'>
          宝马项目(使用vue框架 账户名:zhlmi 密码:123456)
          </a>
        </p>
       <p><a>手机端的问卷(使用vue框架)</a></p>
        <p>
          <a href=" http://wx.ictr.com.cn/f/redpack/getred?id=95d137bc-20f7-4971-b6b8-d76b0f8e6e9e&code=EQcChpfOwE2ytgyCD8IFng%3d%3d&vCode=LCn0Nv4Ptc5fouTHER5R7NEuc#/">
            抢红包页面(请在微信客户端打开链接)
          </a>
        </p>
        <p>
        <a href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxdb67a22a0f548b42&redirect_uri=http%3a%2f%2fwx.ictr.com.cn%2fwxAuth%2fAuth%3fredirectUri%3dhttp%3a%2f%2fictrwx.ctsp.com.cn%2fuser%2f%26appId%3dwxdb67a22a0f548b42%26vCode%3dLCn0Nv4Ptc5fouTHER5R7NEuc&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect">积分兑换(请关注样本家生活拍微信号)</a>
        </p>
        <p>
          <a href="http://sks.ictr.cn/survey/#/stardSurveys/index">ICTR 复杂问卷(使用vue 框架)</a>
        </p>
        <a href="http://www1.sgconline.com.cn/">三国策官网维护更新</a><br/>
        <a href="https://s.ictr.com.cn" target="_blank">问卷系统(账号：fengyan,密码：123456)</a> 
        <a href=" http://oa.hyitech.com/"> http://oa.hyitech.com/</a> <br/>
        <a href="http://active.sgconline.com.cn/sgcmay2016/index.aspx ">五一活动页面</a><br/>
        <a href="http://gaoyanan0316.zcool.com.cn/">站酷网系列设计作品</a>
       </p> -->
    </div>
    <div id="cloud">
      
    </div>
</section>
<!--作品弹框开始-->
<div class="Webclick">
   <span class="closeAll"></span>
   <div class="WebTu">
       <img src="Images/yunpingtai.jpg" width="1000" height="4332">
   </div>
</div>
</body>
</html>
<script type="text/javascript" src="Scripts/jquery.min.js"></script>
<script type="text/javascript" src="Scripts/swiper.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="Scripts/wow.min.js"></script>
<script type="text/javascript" src="Scripts/my.js"></script>
<!--<script>new WOW().init();</script>-->
<script type="text/javascript" >
  var mySwiper2 = new Swiper('#huaxu', {
    effect: 'coverflow',
    grabCursor: true,
    centeredSlides: true,
    slidesPerView: "auto",
    loop: true,
    autoplay: {
      delay: 3000,
      stopOnLastSlide: false,
      disableOnInteraction: true,
    },
    coverflowEffect: {
      rotate: 0,
      stretch: 45,
      depth: 300,
      modifier: 1.2,
    },
    navigation: {
      nextEl: '.nexta',
      prevEl: '.preva',
    },
  })
  $('#huaxu').mouseenter(function ()
  {
    mySwiper2.autoplay.stop();
  })
  $('#huaxu').mouseleave(function ()
  {
    mySwiper2.autoplay.start();
  })
</script>

